.member_operate {
	display: flex;
	align-items: center;
	height: 28px;
	.el-button-group {
		margin-left: 16px;
	}
	.el-button {
		padding: 6px;
		font-size: 14px;
	}
}
.member_scrollbar::v-deep {
	height: 100%;
	.el-scrollbar__wrap {
		overflow: hidden;
		overflow-y: auto;
	}
}
.member_listbox::v-deep {
	display: grid;
	grid-gap: 9px;
	grid-template-columns: repeat(8, 88px);
	.el-checkbox {
		margin: 0;
		&:not(.is-disabled):hover,
		&:not(.is-disabled).is-checked {
			&::before {
				position: absolute;
				inset: 0;
				content: '';
				border-radius: 4px;
				border: dashed 1px var(--primary-border-plain);
			}
		}
		&.is-disabled {
			.el-avatar {
				// filter: grayscale(0.75);
			}
			.el-checkbox__label {
				cursor: default;
			}
			i.el-icon-badge-manage {
				position: absolute;
				top: 10px;
				left: 50%;
				color: #f00;
				font-size: 18px;
				transform: translateX(-50%);
			}
		}
	}
	.add-member {
		padding: 10px 0;
		cursor: pointer;
		i.el-icon-plus {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 64px;
			height: 64px;
			margin: 0 auto;
			font-size: 24px;
			border-radius: 50%;
			background-color: #e4e7ed;
		}
		h4 {
			width: 88px;
			line-height: 1;
			margin-top: 8px;
			font-size: 14px;
			overflow: hidden;
			text-align: center;
			font-weight: normal;
		}
	}
	.el-checkbox__input {
		display: none;
	}
	.el-checkbox__label {
		font-size: 0;
		padding: 10px 0;
		border-radius: 4px;
		text-align: center;
		position: relative;
		box-sizing: border-box;
		h4 {
			width: 88px;
			height: 14px;
			margin-top: 8px;
			font-size: 14px;
			overflow: hidden;
			white-space: nowrap;
			font-weight: normal;
			text-overflow: ellipsis;
		}
		.el-button.delete {
			position: absolute;
			top: 1px;
			left: 1px;
			padding: 5px;
			border: none;
			display: none;
		}
	}
	.el-checkbox:not(.is-disabled):hover .el-checkbox__label,
	.el-checkbox:not(.is-disabled).is-checked .el-checkbox__label {
		background-color: var(--primary-background-hover);
	}
	.el-checkbox:not(.is-disabled):hover .el-checkbox__label .el-button.delete {
		display: block;
	}
}
.member_loadmore::v-deep {
	width: 100%;
	margin-top: 9px;
	text-align: center;
	.el-button {
		color: #606266;
		padding: 6px 0;
	}
}
